$tabColor: #42C6F6;
.tabs-wrap {
  .tabs-add {
    position: absolute;
    bottom: 20px;
    font-size: 30px;
    right: 20px;
    color: #7E8194;
  }
}
.tabs-ios{
  .tabbar{
    background: none;
    border-top: 0 solid white;
    overflow: scroll;
    justify-content: start;

  }
  .tab-button{
    color: #7E8194;
    font-size: 14px;
    padding: 5px 2px;
    min-width: 65px;
    .tab-button-icon{
      font-size: 24px;
    }
  }
  .tab-button[aria-selected=true]{
    color: $tabColor;
  }
}

.ion-ios-home, .ion-ios-home-outline,
.ion-ios-contacts, .ion-ios-contacts-outline,
.ion-ios-information-circle, .ion-ios-information-circle-outline{
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ion-ios-home:before { content: "\e678"; font-size: 28px; color: $tabColor}

.ion-ios-home-outline:before, .ion-md-icon-home:before { content: "\e658"; }

.ion-ios-contacts:before { content: "\e676"; font-size: 28px; color: $tabColor}

.ion-ios-contacts-outline:before, .ion-md-contacts-circle:before { content: "\e633"; }

.ion-ios-information-circle:before { content: "\e677"; font-size: 28px; color: $tabColor}

.ion-ios-information-circle-outline:before, .ion-md-icon-information-circle:before { content: "\e651"; }


